.lowcode-editor-container {
	height: 100%;

	display: flex;
	flex-direction: column;
}

/* control panel */
.lowcode-editor-container > .lowcode-editor-control-panel {
	flex: 0 0 auto;
	height: 30px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.lowcode-editor-container > .lowcode-editor-control-panel > .editor-info{
	float: left;

	color: #666;
    display: inline-block;
    margin-right: 10px;
	font-size: 12px;
	line-height: 30px;
}

.lowcode-editor-container > .lowcode-editor-control-panel > .editor-info > .time {
	margin-right: 8px;
}

.lowcode-editor-container > .lowcode-editor-control-panel > .editor-controls{
	float: right;
}

.lowcode-editor-container > .lowcode-editor-control-panel > .editor-controls > .editor-controls-autosave {
	font-size: 12px;
	color: #666;
}

.lowcode-editor-container > .lowcode-editor-control-panel > .editor-controls > .editor-controls-autosave input {
	vertical-align: text-top;
}

.lowcode-editor-container > .lowcode-editor-control-panel > .editor-controls > .editor-controls-btn::before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%;
}
.lowcode-editor-container > .lowcode-editor-control-panel > .editor-controls > .editor-controls-btn {
	color: #FFF;
    border-radius: 0;
    background-color: #409eff;
    margin-left: 10px;
    border: none;
    height: 30px;
	
	padding: 0 10px;
    font-size: 12px;
	line-height: 1.5;
	
	display: inline-block;
	text-align: center;
    white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	user-select: none;

	box-sizing: border-box;
	width: 50px;
}
.lowcode-editor-container > .lowcode-editor-control-panel > .editor-controls > .editor-controls-btn > span {
	vertical-align: middle;
}

/* editor */
.lowcode-editor-container > .lowcode-editor-main {
	flex: 1 1 0px;
	overflow: hidden;
}
.lowcode-editor-container > .lowcode-editor-main > .lowcode-editor {
	height: 100%;
}